/* You can add global styles to this file, and also import other style files */
//@import "~@angular/material/prebuilt-themes/indigo-pink.css";
//@import "~@angular/material/prebuilt-themes/deeppurple-amber.css";
//@import "~@angular/material/prebuilt-themes/pink-bluegrey.css";
//@import "~@angular/material/prebuilt-themes/purple-green.css";
@import 'material-theme.scss';

html, body, app-root {
    min-height: 100%;
    min-width: 100%;
    display: flex;
}

.full-width {
    width: 100%;
}

.fill-remaining-space {
    // 使用 flexbox 填充剩余空间
    // @angular/material 中的很多控件使用了 flex 布局
    flex: 1 1 auto;
}
